<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态文档</title>
    <link href="/css/vant/index.css" rel="stylesheet"/>
    <script src="/js/vant/vue.min.js"></script>
    <script src="/js/vant/vant.min.js"></script>
</head>
<body>
<div id="app">
    <van-row>
        <van-grid :gutter="20">
            <van-grid-item
                    icon="/images/spring-logo.png"
                    url=""
                    text="springBoot" ></van-grid-item>
            <van-grid-item
                    icon="/images/vant-logo.png"
                    url="/vant/index.html"
                    text="vant" ></van-grid-item>
        </van-grid>
    </van-row>


    <van-tabbar>
        <van-tabbar-item icon="home-o">分类</van-tabbar-item>
        <van-tabbar-item icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
</div>
<script>
    // 在 #app 标签下渲染一个按钮组件
    new Vue({
        el: '#app'
    });

    // 调用函数组件，弹出一个 Toast
    // vant.Toast('提示');

    // 通过 CDN 引入时不会自动注册 Lazyload 组件
    // 可以通过下面的方式手动注册
    Vue.use(vant.Lazyload);
</script>
</body>
</html>